<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>教师-教授课程</title>
	<script src="resources/js/public/jquery-3.3.1.min.js"></script>
	<script src="resources/js/public/jquery.session.js"></script>
	<script src="resources/layui/layui.js"></script>
	<script src="resources/js/public/vue.min.js"></script>

	<script src="resources/js/public/public.js"></script>
	<script src="resources/js/teacher/teaAllCourse.js"></script>

	<link rel="stylesheet" href="resources/layui/css/layui.css">
	<link href="resources/css/public.css" rel="stylesheet" type="text/css"/>
</head>
<body>
	<div id="header">
		<#include "/WEB-INF/page/teacher/header.html">
	</div>
	<div class="layui-fluid">
		<table  class="layui-table" lay-skin="row">
			<colgroup>
				<col width="80px">
				<col width="120px">
				<col width="100px">
				<col width="100px">
				<col width="80px">
				<col width="80px">
				<col width="150px">
				<col width="100px">
				<col width="100px">
				<col width="80px">
			</colgroup>
			<thead>
				<tr>
					<th>课程ID</th>
					<th>课程名称</th>
					<th>所属专业</th>
					<th>属性</th>
					<th>学分</th>
					<th>开放状态</th>
					<th>时间地点</th>
					<th>限制人数</th>
					<th>已选人数</th>
					<th>周期</th>
				</tr>
			</thead>
			<tbody  id="vue_content">
				<tr v-for="c in list">
					<td class="id" v-text="c.id"></td>
					<td><a class="queryStudent" href="queryStudent" target="_blank">{{c.name}}</a></td>
					<td class="major" v-text="c.major"></td>
					<td class="property" v-text="c.property"></td>
					<td v-text="c.credit"></td>
					<td class="state" mark="open" v-if="c.state==='true'">
						<strong style="color:green">开放</strong>
					</td>
					<td class="state" mark="close" v-else-if="c.state==='false'">
						<strong style="color:red">关闭</strong>
					</td>
					<td>
						<span v-for="t in c.trinityList">
							<span v-text="t.week"></span>
							<span v-text="t.time"></span>
							<span v-text="t.place"></span>
							<br>
						</span>
					</td>
					<td v-text="c.restrictedNum"></td>
					<td class="selectedNum" v-text="c.selectedNum"></td>
					<td class="cycle" v-text="c.cycle"></td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
</html>